<!--
 * @Author: 邱智聪
 * @Date: 2020-07-01 15:03:18
 * @LastEditTime: 2020-07-01 16:53:28
 * @LastEditors: Please set LastEditors
 * @Description: 退货结束，跳转评价
 * @FilePath: \jkshopping\src\pages\return\returnPingjia.vue
--> 
<template>
  <div class="returnDetail">
    <van-nav-bar title="已退货" left-text="返回" left-arrow @click-left="goBack" />
    <!-- 售后结束____评价详情 -->
    <div class="saleing">
      <div class="sale_title">
        订单状态
        <p class="p">已完成</p>
      </div>
      <van-button class="ok_btn" type="default">去评价</van-button>
    </div>
    <!-- 收货人信息 -->
    <van-panel title="收货人信息" icon="contact">
      <div class="consignee">
        <div class="user">
          佑依用户
          <span class="iphone">1380013800</span>
        </div>
        <div class="address">广东省广州市天河区某某小区10栋1205</div>
      </div>
    </van-panel>
    <!-- 最新物流信息 -->
    <van-panel title="最新物流信息" icon="logistics" status="查看全部">
      <div class="consignee">
        <div class="dot"></div>
        <div class="date">
          2018-01-31
          <span class="iphone">19:34:51</span>
        </div>
        <div>快递已签收</div>
      </div>
    </van-panel>
    <!-- 商品详情 -->
    <van-panel title="商品详情" icon="goods-collect-o">
      <div class="goodDetail">
        <van-image class="img" src="https://img.yzcdn.cn/vant/cat.jpeg" />

        <div class="Detail_content">
          <div class="title">汤姆福特TON FORD 限量mini迷你 黑管 烈焰幻唇膏</div>
          <div class="model">黑管19号</div>
          <span style="margin:0 10px">x1</span>
        </div>
        <div class="price">$298.0</div>
      </div>
    </van-panel>
    <!--留言  -->
    <van-panel title="我的留言：麻烦尽快发货，谢谢！">
      <div class="message">
        <div class="left">
          <li>商品金额</li>
          <li>运费</li>
          <li>优惠劵抵扣</li>
        </div>
        <div class="right">
          <li>$766.0</li>
          <li>+$12.0</li>
          <li>-$50.0</li>
        </div>
      </div>
      <div class="sum">
        <van-button class="btn" type="danger">去评价</van-button>
        <van-button class="btn">售后结束</van-button>
        <div>总计:$716.0</div>
      </div>
    </van-panel>
    <!-- 订单记录 -->
    <van-panel title="订单记录" icon="notes-o">
      <div class="dingdan">
        <ul class="dingdan_l">
          <li>订单编号</li>
          <li>下单时间</li>
          <li>付款时间</li>
          <li>发货时间</li>
          <li>收货时间</li>
        </ul>
        <ul class="dingdan_r">
          <li>ZY201712300435</li>
          <li>2017-12-27 13:32:54</li>
          <li>2017-12-27 13:33:47</li>
          <li>2017-12-27 19:12:34</li>
          <li>2017-12-28 09:54:02</li>
        </ul>
      </div>
    </van-panel>
    <!--当前热销商品  -->
    <div class="hotsale">
      <h1>当/前/热/销</h1>
      <div class="hot_good" v-for="item of hot_data" :key="item.length">
        <van-image class="hot_img" :src="item.goods_thumb" />
        <div class="hot_title">{{item.goods_name}}</div>
        <div>
          <span class="hot_price">${{item.goods_price}}</span>
          <span class="hot_icon">
            <van-icon name="like" color="#999999" />
          </span>
        </div>
        <div class="hot_hao">
          <span>35个评价</span>
          <span>98%好评</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import * as api from "@/api/apiList/goods/goods.js";
import qs from "qs";
export default {
  data(){
   return{
     hot_data:[]    //当前热销商品
   }
  },
  methods: {
    goBack() {
      this.$router.go(-1);
    },
    async API_goods() {                   
      return await api.goods(qs.parse());   
    },
  },
  async created() {
    //当前热销
    let res = await this.API_goods();  

    if (res.data.code === 200) {
      this.hot_data = res.data.data.data;
    }
    // console.log(this.hot_data)
  }
};
</script>

<style lang="scss" scoped>
@import "@/style/return/returnDetail";
</style>